* {
    margin: 0px;
    padding: 0px;
}
a {
    text-decoration: none;
    color: #fff;
}
li {
    list-style: none;
}
html {
    font-size: 16px;
}
section, div {
    box-sizing: border-box;
}
body {
    font-size: 0.9rem;
    background-position: center center;
    background-size: cover;
    height: 100vh;
    color:rgb(153, 153, 153);
}
/* 原则：
    1.手机端使用flex布局
    2.PC端使用float + 定位布局
    3.iPad使用流式布局
*/

/* 媒体查询-iPad */
@media all and (min-width: 768px){
    .headerTop{
        height: 85px;
        /* background-color: rgb(50, 190, 92); */
    }
    .logo {
        display: inline-block;
        width: 100px;
        height: 60px;
        margin: 15px 0px 0px 25px;
        /* background: brown; */
    }
    /* 导航图标 */
    .menu {
        width: 40px;
        height: 40px;        
        float: right;
        position: relative;
        z-index: 999;
        margin: 30px 25px 0px 0px;
    }
    
    nav ul {
        display: block;
        position: fixed;
        top: 0px;
        right: 0px;
        box-sizing: border-box;
        width: 300px;
        height: 100%;
        padding: 0px 15px;
        background-color: rgba(3, 26, 42, 0.95);
    }
}

/* 媒体查询PC */
@media all and (min-width: 992px){
    .headerTop{
        height: 85px;
    }
    
}

/* 媒体查询-手机屏幕 */
@media all and (max-width: 767px){
    
    .headerTop{
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 50px;
        background-color: rgb(2, 20, 32);
    }
    .logo {
        width: 70px;
        height: 50px;
    }
    .menu {
        width: 44px;
        height: 34px;
    }
    nav {
        padding: 5px 15px;
    }
    nav ul {
        padding: 0px 20px;
        border-top: 1px solid #ebebeb34;
    }
}
/* 该区域的样式在任何设备下都是一样的 */
.box {
    width: 100%;
    height: 100%;
}
header {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
}
header::after, 
header::before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 100vh;
}

header::before {
    background: url('../images/header_bg.jpg') no-repeat;
    background-position-x: center;
    position: absolute;
    z-index: -2;
    bottom: 0px;
}
/* 头部大图背景色 */
header::after {
    background: url('../images/header_bottom_bg.png') repeat-x;
    background-size: 100% 100%;
    position: absolute;
    z-index: -1;
    bottom: 0px;
}


.headerTop{
    position: relative;
    padding: 0px 15px;
}
.logo {
    background-image: url('../images/logo.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: 50%;
}
.menu {
    background: url('../images/菜单.png') no-repeat center center;
    background-size: 50%;
}
nav {
    background-color: rgb(2, 20, 32);
}
nav li {
    height: 40px;
    line-height: 40px;
}

/* 资讯中心 */
.NewContainer {
    background-color: aquamarine;
    height: 300px;
    width: 100%;
}